<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="animate.css"/>
		<style type="text/css">
			#div1{
				margin: auto;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom:0;
				width: 100px;
				height: 100px;
				border: 1px solid red;
				background: yellowgreen;
				animation:bounce 2s ,pulse 3s;
			}
			@keyframes name{
				/*from{background: red;}
				to{background: yellow;}*/
				/*from{transform: rotateZ(180deg);}
				to{transform: rotateZ(360deg);}*/
				0%{background: red;}
				25%{background: palegreen;}
				50%{background: indianred;}
				75%{background: teal;}
				100{background: yellowgreen;}
			}
		</style>
	</head>
	<body>
<div id="div1">
	
</div>
	</body>
</html>
